<!-- index.html -->
<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="全球领先教育品牌">
  <link rel="shortcut icon" href="favion.ico"type="image/x-icon" >
  <title>发现课程</title>
  <link rel="stylesheet" href="style.css" />
</head>
<body>
  <!-- 1. 顶部导航栏 -->
  <header class="navbar">
    <div class="nav-left">&lt;</div>
    <div class="nav-center">发现课程</div>
    <div class="nav-right">
      <span>⋯</span>
      <span>🔍</span>
    </div>
  </header>
  <!-- 2. 标签栏 -->
  <div class="tabs">
    <span class="tab">精选</span>
    <span class="tab active">语文</span>
    <span class="tab">数学</span>
    <span class="tab">英语</span>
    <span class="tab">物理</span>
    <span class="tab">化学</span>
  </div>
  <!-- 3. 搜索框 -->
  <div class="search-container">
    <input type="text" placeholder="输入课程或教师名称" class="search-input" />
  </div>
</body>
</html>
